<template>
    <UxDialog class="disconnect-store" :visible="!!value" @close="onClose() " title="Stores">
        <BrandingConnectStore v-if="value" :type="type" :detail="value" filter="linked" @update="onUpdate()" />
    </UxDialog>
</template>
<script>
export default {
    name: "DisconnectStore",
    props: {
        value: { type: Object, default: () => { return null } },
        type: { type: String, default: '' },
    },
    data () {
        return {
            change: false,
        };
    },

    methods: {
        onUpdate () {
            this.change = true;
        },
        onClose () {
            this.change && this.$emit('update')
            this.$emit('input', null)
            this.status = '';
            this.change = false;
        },
    },
    created () {
        this.change = false;
    }
};
</script>
<style lang="scss" scoped>
.disconnect-store::v-deep {
    & > .dialog-content > h2 {
        font-weight: bold;
        font-size: 14px;
    }
}
</style>

